<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"
	contentType="text/html; charset=UTF-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>${user}(${code})考勤汇总</title>
<link rel="stylesheet" type="text/css"
	href="<%=path%>/jquery-easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css"
	href="<%=path%>/jquery-easyui/themes/icon.css">
<style type="text/css">
</style>
<script type="text/javascript"
	src="<%=path%>/jquery-easyui/jquery-1.8.0.js"></script>
<script type="text/javascript"
	src="<%=path%>/jquery-easyui/jquery.easyui.min.js"></script>
<script type="text/javascript"
	src="<%=path%>/jquery-easyui/locale/easyui-lang-zh_CN.js"></script>
<script type="text/javascript" src="<%=path%>/js/jquery.json-2.4.js"></script>
<script type="text/javascript" src="<%=path%>/js/post.js"></script>
<script type="text/javascript">
	var path = '${pageContext.request.contextPath}';

	function loadGird() {
		var grid = $('#grid');
		grid.datagrid('load', {
			year : $('#year').numberspinner('getValue'),
			code : '${code}'
		});
	}

	$(function() {
		var date = new Date();
		$('#year').numberspinner('setValue', date.getFullYear());
		loadGird();
	});
</script>
</head>
<body class="easyui-layout">

	<!-- 工具栏 -->
	<div id="tb" style="height:auto">

		年份:<input class="easyui-numberspinner" value="2014" id="year"
			style="width: 50px;"
			data-options="min:2010,max:2025,required:true,onChange:loadGird">
	</div>


	<div data-options="region:'center'">
		<table id="grid" class="easyui-datagrid"
			data-options="
			sortOrder:'asc',
			sortName:'id',
			remoteSort:false,
			idField:'id',
			fit:true,
			singleSelect:true,
			collapsible:true,
			url:'<%=path%>/private/loadAllWorkSum/',
			toolbar:'#tb',
			rownumbers: false,
			showFooter: true,
			striped: true
			">
			<thead data-options="frozen:true">
				<tr>
					<th
						data-options="field:'id',width:40,sortable:false,align:'center'"
						rowspan="2">月份</th>
				</tr>
			</thead>
			<thead>
				<tr>

					<th colspan="31">出 勤 情 况</th>
					<th
						data-options="field:'day',width:40,sortable:false,align:'right'"
						rowspan="2">白班</th>
					<th
						data-options="field:'night',width:40,sortable:false,align:'right'"
						rowspan="2">夜班</th>
					<th
						data-options="field:'full',width:40,sortable:false,align:'right'"
						rowspan="2">白连夜</th>
					<th
						data-options="field:'late',width:40,sortable:false,align:'right'"
						rowspan="2">迟到</th>
					<th
						data-options="field:'early',width:40,sortable:false,align:'right'"
						rowspan="2">早退</th>
					<th
						data-options="field:'holiday',width:40,sortable:false,align:'right'"
						rowspan="2">休息</th>
					<th
						data-options="field:'leave',width:40,sortable:false,align:'right'"
						rowspan="2">休假</th>
				</tr>
				<tr>
					<th
						data-options="field:'d1',width:30,sortable:false,align:'center'"><font
						class="titleFont">1</font>
					</th>
					<th
						data-options="field:'d2',width:30,sortable:false,align:'center'"><font
						class="titleFont">2</font>
					</th>
					<th
						data-options="field:'d3',width:30,sortable:false,align:'center'"><font
						class="titleFont">3</font></th>
					<th
						data-options="field:'d4',width:30,sortable:false,align:'center'"><font
						class="titleFont">4</font>
					</th>
					<th
						data-options="field:'d5',width:30,sortable:false,align:'center'"><font
						class="titleFont">5</font>
					</th>
					<th
						data-options="field:'d6',width:30,sortable:false,align:'center'"><font
						class="titleFont">6</font>
					</th>
					<th
						data-options="field:'d7',width:30,sortable:false,align:'center'"><font
						class="titleFont">7</font>
					</th>
					<th
						data-options="field:'d8',width:30,sortable:false,align:'center'"><font
						class="titleFont">8</font>
					</th>
					<th
						data-options="field:'d9',width:30,sortable:false,align:'center'"><font
						class="titleFont">9</font>
					</th>
					<th
						data-options="field:'d10',width:30,sortable:false,align:'center'"><font
						class="titleFont">10</font>
					</th>
					<th
						data-options="field:'d11',width:30,sortable:false,align:'center'"><font
						class="titleFont">11</font>
					</th>
					<th
						data-options="field:'d12',width:30,sortable:false,align:'center'"><font
						class="titleFont">12</font>
					</th>
					<th
						data-options="field:'d13',width:30,sortable:false,align:'center'"><font
						class="titleFont">13</font>
					</th>
					<th
						data-options="field:'d14',width:30,sortable:false,align:'center'"><font
						class="titleFont">14</font>
					</th>
					<th
						data-options="field:'d15',width:30,sortable:false,align:'center'"><font
						class="titleFont">15</font>
					</th>
					<th
						data-options="field:'d16',width:30,sortable:false,align:'center'"><font
						class="titleFont">16</font>
					</th>
					<th
						data-options="field:'d17',width:30,sortable:false,align:'center'"><font
						class="titleFont">17</font>
					</th>
					<th
						data-options="field:'d18',width:30,sortable:false,align:'center'"><font
						class="titleFont">18</font>
					</th>
					<th
						data-options="field:'d19',width:30,sortable:false,align:'center'"><font
						class="titleFont">19</font>
					</th>
					<th
						data-options="field:'d20',width:30,sortable:false,align:'center'"><font
						class="titleFont">20</font>
					</th>
					<th
						data-options="field:'d21',width:30,sortable:false,align:'center'"><font
						class="titleFont">21</font>
					</th>
					<th
						data-options="field:'d22',width:30,sortable:false,align:'center'"><font
						class="titleFont">22</font>
					</th>
					<th
						data-options="field:'d23',width:30,sortable:false,align:'center'"><font
						class="titleFont">23</font>
					</th>
					<th
						data-options="field:'d24',width:30,sortable:false,align:'center'"><font
						class="titleFont">24</font>
					</th>
					<th
						data-options="field:'d25',width:30,sortable:false,align:'center'"><font
						class="titleFont">25</font>
					</th>
					<th
						data-options="field:'d26',width:30,sortable:false,align:'center'"><font
						class="titleFont">26</font>
					</th>
					<th
						data-options="field:'d27',width:30,sortable:false,align:'center'"><font
						class="titleFont">27</font>
					</th>
					<th
						data-options="field:'d28',width:30,sortable:false,align:'center'"><font
						class="titleFont">28</font>
					</th>
					<th
						data-options="field:'d29',width:30,sortable:false,align:'center'"><font
						class="titleFont">29</font>
					</th>
					<th
						data-options="field:'d30',width:30,sortable:false,align:'center'"><font
						class="titleFont">30</font>
					</th>
					<th
						data-options="field:'d31',width:30,sortable:false,align:'center'"><font
						class="titleFont">31</font>
					</th>

				</tr>
			</thead>
		</table>

	</div>
</body>
</html>